<!DOCTYPE html>
<ui:composition template="/master.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:define name="content">
	<p:layout style="height:600px;">
		<p:layoutUnit header="Lista de Salones" position="west"
			resizable="true" size="300" minSize="40" maxSize="500">
			<br />
			<h:outputText value="Mis Salones:" />
			<p:selectBooleanCheckbox />
			<br />
			<br />
			<p:dataTable id="singleDT" var="" value="" selection="" rowKey=""
				style="width:100%">
				<p:column headerText="Nombre Salón" style="text-align:left">
					<h:outputText value="" />
				</p:column>
			</p:dataTable>
		</p:layoutUnit>

		<p:layoutUnit position="center">
			<h:panelGrid columns="2" cellpadding="3">
				<h:outputText value="Nombre:" />
				<h:outputText value="" />

				<h:outputText value="Domicilio:" />
				<h:outputText value="" />

				<h:outputText value="Teléfono:" />
				<h:outputText value="" />

				<h:outputText value="Tipo de Eventos:" />
				<h:outputText value="" />

				<h:outputText value="Características:" />
				<h:outputText value="" />
			</h:panelGrid>

			<p:accordionPanel multiple="true">
				<p:tab title="Menús">
					<p:dataList value="" var="" type="definition">
						<f:facet name="header">
							Lista de Menús y Descripción
						</f:facet>

						<f:facet name="description">
							
						</f:facet>
					</p:dataList>
				</p:tab>
				<p:tab title="Bebidas">
					<p:dataList value="" var="" type="definition">
						<f:facet name="header">
							Lista de Bebidas y Descripción
						</f:facet>

						<f:facet name="description">
							
						</f:facet>
					</p:dataList>
				</p:tab>
				<p:tab title="Servicios">
					<p:dataList value="" var="" type="unordered">
						<f:facet name="header">
							Lista de Servicios
						</f:facet>

						<f:facet name="description">
							
						</f:facet>
					</p:dataList>
				</p:tab>
				<p:tab title="Disponibilidad">
					<p:schedule id="schedule" value="" widgetVar="myschedule"
						view="month" aspectRatio="2" allDaySlot="false">
						<!-- 
							<p:ajax event="dateSelect"
								listener="#{scheduleView.onDateSelect}" update="eventDetails"
								oncomplete="PF('eventDialog').show();" />
							<p:ajax event="eventSelect"
								listener="#{scheduleView.onEventSelect}" update="eventDetails"
								oncomplete="PF('eventDialog').show();" />
							<p:ajax event="eventMove" listener="#{scheduleView.onEventMove}"
								update="messages" />
							<p:ajax event="eventResize"
								listener="#{scheduleView.onEventResize}" update="messages" />
							 -->
					</p:schedule>
				</p:tab>
			</p:accordionPanel>

		</p:layoutUnit>
	</p:layout>
</ui:define>
</ui:composition>
